
.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.txh{
	display: flex;
}
html,doby{
	width: 100%;
	height: 100%;

}
.swiper-container{
			width: 100%;
              height: 100%;
		}
#box{
	width: 100%;
	
	header{
		.px2rem(height,96);
		width: 100%;
		.px2rem(line-height,96);
		background: #de3852;
        position: fixed;
        top: 0;
		ul{
			.txh;
			justify-content:space-between;
			color:#fff;
			.px2rem(font-size,30);
			a{
			li:nth-child(1) img{
				padding-top: 20px;
				padding-left: 20px
			}
		}
		}
	}
	section{
		flex:1;
		.px2rem(margin-top,96);
		.px2rem(margin-bottom,95);
		.swiper-container{
			.px2rem(height,337);
			overflow: hidden;
			.swiper-wrapper{
				.swiper-slide img{
                          .px2rem(height,337);
                          width: 100%;
				}
			}
		}
		.fenlei{
			.px2rem(height,150);
			ul{
				.txh;
				margin-top: 5%;
				a{
					flex:1;
                   li{
			    	   text-align: center;
			    	p{
			    		margin-top: 1%;
			    	}
			    }
				}
			   
			}
		}
		.xiaoxi{
			.px2rem(height,70);
			.px2rem(line-height,30);
			margin-top: 3%;
			a{

			ul{
				.txh;
			  li{
					margin-left: 4%;
					.px2rem(font-size,24);
               }
			}
		}
		}
		.zuixin{
            .px2rem(height,69);
			.px2rem(line-height,69);
			.px2rem(font-size,26);
			
		}
		.jiexiao{
			.px2rem(height,200);
			margin-top: 2%;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			ul{
				.txh;
				margin-top: 3%;
				a{
					flex:1;
					.px2rem(width,188);
				li{
					border-right: 1px solid #ccc;
					text-align: center;
					span{
						color: red;
					}
				}
			}
				li:nth-child(3){
					border-right: none;
				}
			}
		}
		.leixing{
			.px2rem(height,74);
			.px2rem(line-height,74);
			border-bottom: 1px solid #ccc;
			margin-top: 5%;
			ul{
				.txh;
				li{
					flex:1;
					text-align: center;
				}
			}
			.active{
				color: red;
				border-bottom: 2px solid red;
			}
		}
		.menu_big{
            .px2rem(height,1708);
            overflow: hidden;
		.menu{
			width: 100%;
			.px2rem(height,1708);
			.nav{
				.px2rem(height,400);
				.txh;
			     text-align: center;
				dl{
				width: 50%;
				border-right: 1px solid #ccc;
				.px2rem(padding-top,30);
               dt{
               	.px2rem(padding-top,30);
               	ul{
               		li:nth-child(2){
               			.txh;
               			 justify-content:space-between;
               			 margin-left: 5%;
               			  margin-right: 5%;
               			ol{
               				li{
               				.px2rem(line-height,34);	
               				}
               				li:nth-child(2){
                                 .txh;
                                 justify-content:space-between;
               			}
               			li:nth-child(3){
                                 .txh;
                                 justify-content:space-between;
               			}
               		}
               		}
               	}
               }
			}
			}
			
		}
	}
	}
	footer{
		.px2rem(height,95);
		width: 100%;
		border-top: 1px solid #ccc;
		position: fixed;
		bottom: 0;
		background: #fff;
		color: #000;
		ul{
			.txh;
			.px2rem(margin-top,15);
			a{
				flex:1;
				li{
				text-align: center;
			}
			}
			
		}
      .curr{
      	color: red;
      }
	}
}